/*引入公共变量*/
@import "base_min.less";
@import "publice.less";

@col1:165px;
@col2:125px;


/*公共样式问题在此修复*/
#nav dd{background-color: #3b3939;}
a:hover{text-decoration:none;}

.trace_icons{display:inline-block; font-size:0; background-image:url(../img/styleimg/trace_icons.png); background-repeat:no-repeat;}
i{display:inline-block;}
a:focus, a:active{outline:none; text-decoration:none;}

.trace-wrap{background:#f9f9f9; margin-left:20px;}

.file-title{background:#f9f9f9; 
	li{diplay:inline; float:left; height:35px; line-height:35px;}
	.file{width:@col1; padding-left:15px;}
	.date{width:@col2; padding-left:28px;}
	.trace{padding-left:72px;}
	dl{margin-right:30px;}
	dd{diplay:inline; float:left; height:35px; line-height:35px; font-size:12px; margin-right:15px;
		a{color:#666;}
		.trace_icons{width:7px; height:7px; margin-right:3px; vertical-align:1px;}
	}
	.active{
		a{color:@color-red;}
		.trace_icons{background-position:-13px 0;}
	}
}

.file-list{
	.left{margin-left:-100%; float:left;}
	.databox{overflow:hidden;}
	.file{width:@col1; border-right:@border; position:relative; background:#fff; border:@border; 
		.border{border-bottom:1px solid #f4e5b6;}
		li{ overflow:hidden; height: 56px; line-height:56px; border-bottom:1px solid #e6e6e6; 
			a{color:#666; display:block; padding:0 12px; overflow:hidden;  white-space:nowrap; text-overflow: ellipsis;
				&:hover{text-decoration:none;}
				i{vertical-align:-6px; width:21px; height:27px; margin-right:8px;}
			}
		}
		.active{background:#f6eccd; border-bottom:1px solid #f4e5b6;}
		.psd{vertical-align:-12px; margin-right:5px;}
		
	}
	.date{width:@col2;  position:relative;  border-top:@border;
		.nav{height:auto;}
		.nav li a{padding:0;}
		.nav li a:hover{background:none;}
		.col2{
			background:#e7e8ea;
		}
		li{height:36px; line-height:36px; text-align:center; background:#ebecef;  border-bottom:1px solid #d8d9dc; border-top:1px solid #f2f3f4;
			//&:last-child{border-bottom:none;}
		}
		.active{background:@color-red; border-bottom:1px solid #c22e2e; border-top:1px solid #c22e2e;
			a{color:#fff;}
		}
		a{color:#666; display:block;
			&:hover{text-decoration:none;}
		}
		
		
	}
	.trace{width:100%; padding:0 0 0 290px; float:left; position:relative; 
		.tracebox{padding:20px 0 20px 25px;  margin-right:25px; -webkit-box-shadow: 4px 4px 5px rgba(4,0,0,.15); -moz-box-shadow: 4px 4px 5px rgba(4,0,0,.15); box-shadow: 4px 4px 5px rgba(4,0,0,.15); border:1px solid #e8e8e8; }
		.no-scroll{width:20px; height:500px; position:absolute; top:1px; right:26px; z-index:1; background:#f9f9f9;}
		.traceinner{padding-right:10px; overflow:auto;}
		ul{margin-bottom:8px;}
		.col2{
			.info{background:#fcfbf9; }
		}
		li{display:inline; float:left;}
		.msdate{background:#a1a2a5; width:115px; height:26px; border:1px solid #aaa; border-radius:2px; font-size:16px; text-align:center; color:#fff; margin-right:5px; margin-left:-100%;}
		.oper{font-size:12px; width:100%; padding-left:116px; }
		.info{padding:6px 10px 6px 20px;
			-webkit-border-radius: 1px; 
			-moz-border-radius: 1px;
			border-radius: 1px;
			background-color: #fff;
			-webkit-box-shadow: 2px 2px 3px rgba(212,212,214,.64);
			-moz-box-shadow: 2px 2px 3px rgba(212,212,214,.64);
			box-shadow: 2px 2px 3px rgba(212,212,214,.64);
			border: solid 1px #f3f3f3;
		}
		.des{color:#999; margin-top:10px;
			dd{margin:0; padding:0; margin-bottom:6px;}
			.trace_icons{vertical-align:-4px; margin-right:3px;}
			.icon_edit{width:13px; height:15px; background-position:-66px 0;}
			.icon_destroy{width:14px; height:15px; background-position:-110px 0;}
			.icon_add{width:14px; height:15px; background-position:-88px 0;}
		}
		.icon_query{width:16px; height:17px; background-position:-40px 0; margin-left:5px; vertical-align:-4px;}
		
		
	}
	.up-down-wrap{position:absolute; left:0; bottom:-23px; z-index:10; display:none;
		.icon_up{width:20px; height:16px; background-position:-129px 0; cursor:pointer; margin-right:5px;}
		.icon_down{width:20px; height:16px; background-position:-160px 0; cursor:pointer;}
	}
	.trace-list{margin-bottom:30px;
		//&:last-child{margin-bottom:250px;}
	}
	.date-page{border-top:1px dashed #ddd; text-align:center; color:#999; height:52px; line-height:52px;}
}

.emptybox{color: #c2c3c5; font-size: 20px; position: absolute; text-align: center; left:50%; top:50%; margin-top:-20px; margin-left:-90px;}
